<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>NoGray Color Picker</title>

<script src="mootools.v1.11.js" type="text/javascript"></script>
<script src="nogray_core_vs1_min.js" type="text/javascript"></script>
<script src="nogray_color_picker_vs2_min.js" type="text/javascript"></script>

<script language="javascript">
	window.addEvent('domready', function(){
		var color1 = new ColorPicker('Color1', 'Color1_div');
		var color2 = new ColorPicker('Color_a', 'Color_a_div', {onComplete: function(){
				alert(this.color);
			}
		});
	});
</script>
<style>
	* {font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;}
	.sample_swatch {float:left;
		width:20px;
		height:20px;
		cursor:pointer;}
		
	/* table list */
	.table_list {border-collapse:collapse;
		border:solid #cccccc 1px;
		width:100%;}
	
	.table_list td {padding:5px;
		border:solid #efefef 1px;}
	
	.table_list th {background:#75b2d1;
		padding:5px;
		color:#ffffff;}
	
	.table_list tr.odd {background:#e1eff5;}
</style>
</head>
<body>
<center>
<!-- Begin: AdBrite -->
<script type="text/javascript">
   var AdBrite_Title_Color = '0000FF';
   var AdBrite_Text_Color = '000000';
   var AdBrite_Background_Color = 'FFFFFF';
   var AdBrite_Border_Color = 'FFFFFF';
</script>
</center>

<div id="Color1_div" class="sample_swatch" style="background:#ff0000;">&nbsp;</div>
<input type="text" size="6" id="Color1" name="mau" />


</body>
</html>